import app from  './app'
import { defineAsyncComponent } from 'vue'
import render from './components/render/render.vue'
import ExModal from './components/modal.js'
import FormMany from './components/form/formMany.vue'
app.component('render',render)
app.component('ExModal',ExModal)
const Grid = defineAsyncComponent(() =>
    import('./components/grid/grid.vue')
)
const ExSidebar = defineAsyncComponent(() =>
    import('./components/grid/sidebar.vue')
)
const Form = defineAsyncComponent(() =>
    import('./components/form/form.vue')
)
const Uploader = defineAsyncComponent(() =>
    import('./components/upload/upload.vue')
)
const Tinymce = defineAsyncComponent(() =>
    import('./components/tinymce.vue')
)
const ExIcon = defineAsyncComponent(() =>
    import('./components/icon/icon.vue')
)
const ExSelectIcon = defineAsyncComponent(() =>
    import('./components/icon/selectIcon.vue')
)
const ExVideo = defineAsyncComponent(() =>
    import('./components/video.vue')
)
const ExDownloadFile = defineAsyncComponent(() =>
    import('./components/downloadFile.vue')
)
const ExSelectTable = defineAsyncComponent(() =>
    import('./components/selectTable.vue')
)
const ExColorPicker = defineAsyncComponent(() =>
    import('./components/colorPicker.vue')
)
const ExSwitch = defineAsyncComponent(() =>
    import('./components/switch.vue')
)
const ExAsyncRender = defineAsyncComponent(() =>
    import('./components/asyncRender.vue')
)
const ExNumberRange = defineAsyncComponent(() =>
    import('./components/numberRange.vue')
)
const ExEchart = defineAsyncComponent(() =>
    import('./components/echart.vue')
)
const ExTree = defineAsyncComponent(() =>
    import('./components/tree.js')
)
const ExDynamicTag = defineAsyncComponent(() =>
    import('./components/dynamicTag.vue')
)
const ExCheckboxTag = defineAsyncComponent(() =>
    import('./components/checkboxTag.vue')
)
const ExSelect = defineAsyncComponent(() =>
    import('./components/select.js')
)
const ExCurd = defineAsyncComponent(() =>
    import('./components/curd/index.vue')
)
const ExDescriptions = defineAsyncComponent(() =>
    import('./components/descriptions.vue')
)
const ExCascader = defineAsyncComponent(() =>
    import('./components/cascader.js')
)
const ExAutoComplete = defineAsyncComponent(() =>
    import('./components/autoComplete.js')
)
const DraggableRender = defineAsyncComponent(() =>
    import('./components/curd/draggableRender.js')
)
const ExDragAnchor = defineAsyncComponent(() =>
    import('./components/anchor.vue')
)
const ExRangePicker = defineAsyncComponent(() =>
    import('./components/rangePicker.js')
)
const ExDropdown = defineAsyncComponent(() =>
    import('./components/dropdown.vue')
)
app.component('ExDropdown',ExDropdown)
app.component('ExRangePicker',ExRangePicker)
app.component('ExDragAnchor',ExDragAnchor)
app.component('DraggableRender',DraggableRender)
app.component('ExDescriptions',ExDescriptions)
app.component('ExAutoComplete',ExAutoComplete)
app.component('ExCascader',ExCascader)
app.component('ExCurd',ExCurd)
app.component('ExSelect',ExSelect)
app.component('ExDynamicTag',ExDynamicTag)
app.component('ExCheckboxTag',ExCheckboxTag)
app.component('ExTree',ExTree)
app.component('ExEchart',ExEchart)
app.component('ExNumberRange',ExNumberRange)
app.component('ExAsyncRender',ExAsyncRender)
app.component('ExSwitch',ExSwitch)
app.component('ExColorPicker',ExColorPicker)
app.component('ExSelectTable',ExSelectTable)
app.component('ExDownloadFile',ExDownloadFile)
app.component('ExVideo',ExVideo)
app.component('ExIcon',ExIcon)
app.component('ExSelectIcon',ExSelectIcon)
app.component('ExGrid',Grid)
app.component('ExSidebar',ExSidebar)
app.component('ExForm',Form)
app.component('ExFormMany',FormMany)
app.component('ExUploader',Uploader)
app.component('ExTinymceEditor',Tinymce)
